<template>
	<view class="zhaopupage">
		<!-- <view class="list">
			<view class="itemlist" @click="tangniaobing">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					高血压
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					糖尿病
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					脑卒中
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					心脏病
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					梗阻肺
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					脉管炎
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					肠炎
				</view>
			</view>
			<view class="itemlist">
				<view class="fang">
					<view class="iconfont icon-alarm-full">
						
					</view>
				</view>
				<view class="name">
					胃溃疡
				</view>
			</view>
			
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			tangniaobing(){
				uni.navigateTo({
					url:'/pagesB/zhaomulist/zhaomulist'
				})
			},
		}
	}
</script>

<style lang="less" scoped>
  .zhaopupage{
	  width: 750rpx;
	  box-sizing: border-box;
	  padding: 40rpx;
	background: linear-gradient(180deg, rgba(242,248,255,1) 0%,rgba(255,255,255,0) 76%);
	  .list{
		  width: 100%;
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: space-evenly;
		  .itemlist{
			  width: 250rpx;
			  height: 310rpx;
			  background-color: white;
			  border-radius: 10rpx;
			  text-align: center;
			  padding-top: 80rpx;
			  box-sizing: border-box;
			  font-size: 30rpx;
			  font-weight: bold;
			  margin-top: 40rpx;
			  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.2);
			  .fang{
				  width: 100rpx;
				  height: 100rpx;
				  border-radius: 10rpx;
				  margin: auto;
				  background-color: #F2F8FF ;
				  margin-bottom: 20rpx;
				  line-height: 100rpx;
				  
				  .iconfont{
					  color: #0029FF;
					  font-size: 50rpx;
				  }
			  }
			  
			  
		  }
	  }
  }
</style>
